#{extends 'main.html' /}

<div id="wrapping">
    <a href="" title="Visitame!" id="btn-wrap">
        <span class="title">${categoria?.nombre}</span>
        <div id="info">
            <p>        
                <span><strong>www.difchihuahua.gob.mx</strong></span>
            </p>
        </div>
    </a>		
</div>

<div class='contenedor-enlaces'>
    <div class='container-fluid'>
        #{paginate.list items:enlaces, as:'enlace'} 
            <div class='row-fluid enlaces'>
                <div class="span2">
                    <img src='${enlace?.rutaImagen != null ? enlace?.rutaImagen:"http://www.laopcion.com.mx/assets/images/notas/82118nuevo%20logo%20dif.jpg" }' class="imagen-enlace" />                    
                </div>
                    <div class='span10'>  
                        <h2 class="titulo-enlace">
                            <a href="${enlace?.link}">${enlace?.titulo}</a>
                        </h2>
                        <p class="pull-right">
                            <a href="${enlace?.link}" class="boton-link">Visitar <strong>Enlace</strong></a>
                        </p>
                        <p>${enlace?.descripcion}</p>
                        <!-- Cesar Checa este codigo es para el like en Facebook -->
                        <p class="facebook">
                            <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2F${enlace?.link}&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:60px;" allowTransparency="true">          
                            </iframe>
                        </p>                        
                    </div>
            </div>  
         #{/paginate.list}
    </div>
</div>
<div class="paginacion">#{paginate.controls items:enlaces /}</div>

